
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <meta name="csrf-param" content="_csrf">
    <meta name="csrf-token" content="">
    <title>报名表</title>
    <!--iOS中隐藏Safari浏览器的UI:Start-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--iOS中隐藏Safari浏览器的UI:End-->
    <!--iOS Safari对页面数字禁用拨号功能:Start-->
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <!--iOS Safari对页面数字禁用拨号功能:End-->
    <link rel="stylesheet" href="/css/mobile.css">
    <script src="/js/jquery.min.js"></script>
     <script src="/js/rem.js"></script>
  <script src="/js/TouchSlide.1.1.js"></script>
    </head>
<body class="body_main" >
    <div id="index_banner">
    <div class="ban_tab">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div class="ban_imp">
        <ul>
            <li><img src="/img/bannar1.jpg"  /></li>
            <li><img src="/img/bannar2.jpg"   /></li>
            <li><img src="/img/bannar3.jpg"   /></li>
            <li><img src="/img/bannar4.jpg"/></li>
            <li><img src="/img/bannar5.jpg" /></li>
            <li><img src="/img/bannar6.jpg"  /></li>
            <li><img src="/img/bannar7.jpg"   /></li>
            <li><img src="/img/bannar8.jpg"   /></li>
            <li><img src="/img/bannar9.jpg"/></li>
            <li><img src="/img/bannar10.jpg" /></li>
            <li><img src="/img/bannar11.jpg"  /></li>
            <li><img src="/img/bannar12.jpg"   /></li>
            <li><img src="/img/bannar13.jpg"   /></li>
        </ul>
    </div>
    </div>
<script type="text/javascript">
    TouchSlide({ 
        slideCell:"#index_banner",
        titCell:".ban_tab ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
        mainCell:".ban_imp ul", 
        effect:"leftLoop", 
        autoPage:true,//自动分页
        autoPlay:true, //自动播放
        interTime:5000
    });
</script>

 <!--    <div class="header_div">
        <div class="header_logo">Logo：数字乡村</div>
        <div class="header_title">
            <h1>神农杯<br />燕赵文化银龄展演</h1>
            <h2>火热报名</h2>
            
        </div>
    </div> -->
    <!--header_div end-->
    <div class="sign_up">
        <div class="sign_up_biao">
            <h1>报名表</h1>
            <div class="sign_up_link">
                <a>
                    <span class="sign_up_detail">详情</span>
                    <img src="/img/sign_img.jpg" />
                    <h2>神农杯—燕赵文化银龄展演</h2>
                </a>
            </div>
        </div>
        <!--sign_up_biao-->
    <div class="sign_up_form">

        <div class="sign_up_item" id="sign_up_tab">
            <label><span>*</span>参赛形式</label>
            <em class="sign_up_tab sign_up_tab_on" rel="1">个人</em>
            <em  class="sign_up_tab"  rel="2">团体</em>
        </div>
        <form id="form_1">
        <div class="sign_up_item">
            <label><span>*</span>参赛场次</label>
            <div class="sign_up_select" id="sign_up_selected">请选择参数场次</div>
        </div>
    
         <div class="sign_up_item">
            <label><span>*</span>节目名称</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写" />
        </div>
         <div class="sign_up_item">
            <label><span>*</span>本人姓名</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写" />
        </div>
         <div class="sign_up_item">
            <label class="sign_up_id"><span>&nbsp;</span>身份证号码（50周以上）</label>
            <input type="text" name="" class="sign_up_input sign_up_id_input" placeholder="请输入身份证号" />
        </div>
         <div class="sign_up_item">
            <label><span>*</span>本人电话</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写" />
        </div>
         <div class="sign_up_item">
            <label><span>*</span>性别</label>
             <em class="sign_up_tab sign_up_tab_on">男</em>
            <em  class="sign_up_tab">女</em>
        </div>
         <div class="sign_up_item">
            <label><span>&nbsp;</span>推荐单位</label>
            <input type="text" name="" class="sign_up_input" placeholder="政府机构，街道办事处等" />
        </div>
         <div class="sign_up_item">
            <label><span>*</span>家庭住址</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写" />
        </div>
        <div class="sign_up_item">
            <label><span>*</span>紧急联系人</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写" />
        </div>
        <div class="sign_up_item">
            <label><span>*</span>联系人电话</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写" />
        </div>
        <div class="sign_up_radio">
            <input type="radio" class="radio"><span>我阅读并同意</span><em>《参演协议》</em>
        </div>
        <div class="form_submit">
            <div class="form_submit_text">
                <span>神农杯--燕赵文化银龄展演</span>
                <em>提交</em>
            </div>
        </div>
        </form>
         <form id="form_2" style="display: none;">
        <div class="sign_up_item">
            <label><span>*</span>参赛场次</label>
            <div class="sign_up_select">请选择参数场次</div>
        </div>
        <div class="sign_up_item">
            <label><span>*</span>团队名称</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写" />
        </div>
         <div class="sign_up_item">
            <label><span>*</span>表演人数</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写2-99" />
        </div>
         <div class="sign_up_item">
            <label><span>*</span>节目名字</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写" />
        </div>
        <div class="sign_up_item">
            <label><span>*</span>本人身份</label>
             <em class="sign_up_tab sign_up_tab_on">领队</em>
            <em  class="sign_up_tab">队员</em>
        </div>
         <div class="sign_up_item">
            <label><span>*</span>本人姓名</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写" />
        </div>
         <div class="sign_up_item">
            <label><span>*</span>本人电话</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写" />
        </div>
         <div class="sign_up_item">
            <label class="sign_up_id"><span>&nbsp;</span>身份证号码（50周以上）</label>
            <input type="text" name="" class="sign_up_input sign_up_id_input" placeholder="请输入身份证号" />
        </div>
        
         <div class="sign_up_item">
            <label><span>*</span>性别</label>
             <em class="sign_up_tab sign_up_tab_on">男</em>
            <em  class="sign_up_tab">女</em>
        </div>
         <div class="sign_up_item">
            <label><span>&nbsp;</span>推荐单位</label>
            <input type="text" name="" class="sign_up_input" placeholder="政府机构，街道办事处等" />
        </div>
         <div class="sign_up_item">
            <label><span>*</span>家庭住址</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写" />
        </div>
        <div class="sign_up_item">
            <label><span>*</span>紧急联系人</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写" />
        </div>
        <div class="sign_up_item">
            <label><span>*</span>联系人电话</label>
            <input type="text" name="" class="sign_up_input" placeholder="请填写" />
        </div>
        <div class="sign_up_radio">
            <input type="radio" class="radio"><span>我阅读并同意</span><em>《参演协议》</em>
        </div>
        <div class="form_submit">
            <div class="form_submit_text">
                <span>神农杯--燕赵文化银龄展演</span>
                <em>提交</em>
            </div>
        </div>
        </form>
     
    </div>
    <!--show_xieyi-->
    <div class="show_box" id="show_xieyi">
        <div class="show_div">
            <h1>《参演协议》</h1>
             <span class="gb"></span>
          <div class="show_div_p">《参演协议》《参演协议》《参演协议》《参演协议》《参演协议》2025年6月1-3日 预选赛第一场2025年6月1-3日 预选赛第一场2025年6月1-3日 预选赛第一场2025年6月1-3日 预选赛第一场2025年6月1-3日 预选赛第一场《参演协议》《参演协议》《参演协议》《参演协议》《参演协议》2025年6月1-3日 预选赛第一场2025年6月1-3日 预选赛第一场2025年6月1-3日 预选赛第一场2025年6月1-3日 预选赛第一场2025年6月1-3日 预选赛第一场</div>
        </div>
    </div>

    <!--show_box-->
    <div class="show_box" id="show_box">
        <div class="show_div">
            <h1>请选择参赛场次</h1>
            <span class="gb"></span>
            <h2><span>请选择</span></h2>
            <ul class="show_div_ul">
                <li class="on">2025年6月1-3日 预选赛第一场</li>
                <li>2025年6月1-3日 预选赛第一场</li>
                <li>2025年6月1-3日 预选赛第一场</li>
                <li>2025年6月1-3日 预选赛第一场</li>
                <li>2025年6月1-3日 预选赛第一场</li>
                <li>2025年6月1-3日 预选赛第一场</li>
                <li>2025年6月1-3日 预选赛第一场</li>
            </ul>
        </div>
    </div>
    
 <script type="text/javascript">
     $(function() {
         // body...
        $("#sign_up_tab .sign_up_tab").bind("click",function(){
            rel = $(this).attr('rel');
            $(this).addClass("sign_up_tab_on").siblings('.sign_up_tab_on').removeClass("sign_up_tab_on");
            $("#form_"+rel).show().siblings('form').hide();
        });

         $(".sign_up_item .sign_up_tab").bind("click",function(){
           
            $(this).addClass("sign_up_tab_on").siblings('.sign_up_tab_on').removeClass("sign_up_tab_on");
         
        });

        
        $(".sign_up_select").bind("click",function(){
            $("#show_box").show();
        });
        $("#show_box .gb").bind("click",function(){
            $("#show_box").hide();
        });
        $(".sign_up_radio em").bind("click",function(){
            $("#show_xieyi").show();
        });

        $("#show_xieyi .gb").bind("click",function(){
            $("#show_xieyi").hide();
        });
         $(".show_div_ul li").bind("click",function(){
            $(this).addClass("on").siblings('li').removeClass("on");
            text = $(this).text();
            $("#sign_up_selected").text(text);
             $("#show_box").hide();
        });


         $(".form_submit").click(function (){

         })
        
     });
 </script>
</body>
</html>
